<%@ page import="java.text.SimpleDateFormat" %>
<%@ page import="java.util.Date" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html>
<head>
    <title>食堂点餐系统 | 控制面板</title>
    <jsp:include page="../includes/header.jsp"/>
</head>
<body class="hold-transition sidebar-mini layout-fixed">
<div class="wrapper">

    <jsp:include page="../includes/nav.jsp"/>

    <jsp:include page="../includes/menu2.jsp"/>

    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1>菜品管理</h1>
                    </div>
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="#">主页</a></li>
                            <li class="breadcrumb-item active">菜品管理</li>
                            <li class="breadcrumb-item active">菜品列表</li>
                        </ol>
                    </div>
                </div>
            </div><!-- /.container-fluid -->
        </section>

        <!-- Main content -->
        <section class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-header">
                                <h3 class="card-title">菜品列表</h3>
                            </div>
                            <!-- /.card-header -->
                            <div class="card-body">
                                <table id="example2" class="table table-bordered table-hover">
                                    <thead>
                                    <tr>
                                        <th>图片</th>
                                        <th>名称</th>
                                        <th>菜品类型</th>
                                        <th>价格</th>
                                        <th>操作</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td><img src="/static/assets/img/盐水鸭.png"/> </td>
                                        <td>盐水鸭</td>
                                        <td>肉类</td>
                                        <td>5￥/盘</td>
                                        <td>
                                            <button type="button" class="btn btn-info">查看</button>
                                            <button type="button" class="btn btn-info">编辑</button>
                                            <button type="button" class="btn btn-danger">删除</button>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><img src="/static/assets/img/口水鸡.png"/></td>
                                        <td>口水鸡</td>
                                        <td>肉类</td>
                                        <td>5￥/盘</td>
                                        <td>
                                            <button type="button" class="btn btn-info">查看</button>
                                            <button type="button" class="btn btn-info">编辑</button>
                                            <button type="button" class="btn btn-danger">删除</button>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><img src="/static/assets/img/鸡腿.png"/> </td>
                                        <td>鸡腿</td>
                                        <td>肉类</td>
                                        <td>5￥/盘</td>
                                        <td>
                                            <button type="button" class="btn btn-info">查看</button>
                                            <button type="button" class="btn btn-info">编辑</button>
                                            <button type="button" class="btn btn-danger">删除</button>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><img src="/static/assets/img/羊肉.png"/> </td>
                                        <td>羊肉</td>
                                        <td>肉类</td>
                                        <td>5￥/盘</td>
                                        <td>
                                            <button type="button" class="btn btn-info">查看</button>
                                            <button type="button" class="btn btn-info">编辑</button>
                                            <button type="button" class="btn btn-danger">删除</button>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><img src="/static/assets/img/牛肉.png"/> </td>
                                        <td>牛肉</td>
                                        <td>肉类</td>
                                        <td>5￥/盘</td>
                                        <td>
                                            <button type="button" class="btn btn-info">查看</button>
                                            <button type="button" class="btn btn-info">编辑</button>
                                            <button type="button" class="btn btn-danger">删除</button>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><img src="/static/assets_3.1.0/img/锡纸烤鱼-40.png"/></td>
                                        <td>锡纸烤鱼</td>
                                        <td>海鲜类</td>
                                        <td>64.50￥</td>
                                        <td>
                                            <button type="button" class="btn btn-info">查看</button>
                                            <button type="button" class="btn btn-info">编辑</button>
                                            <button type="button" class="btn btn-danger">删除</button>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><img src="/static/assets_3.1.0/img/蒜香皮皮虾-40.png"/></td>
                                        <td>蒜香皮皮虾</td>
                                        <td>海鲜类</td>
                                        <td>50￥</td>
                                        <td>
                                            <button type="button" class="btn btn-info">查看</button>
                                            <button type="button" class="btn btn-info">编辑</button>
                                            <button type="button" class="btn btn-danger">删除</button>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><img src="/static/assets_3.1.0/img/清蒸鲈鱼-40.png"/></td>
                                        <td>清蒸鲈鱼</td>
                                        <td>海鲜类</td>
                                        <td>25.99￥</td>
                                        <td>
                                            <button type="button" class="btn btn-info">查看</button>
                                            <button type="button" class="btn btn-info">编辑</button>
                                            <button type="button" class="btn btn-danger">删除</button>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><img src="/static/assets_3.1.0/img/清炒小白菜-40.png"/></td>
                                        <td>清炒小白菜</td>
                                        <td>蔬菜类</td>
                                        <td>3￥/盘</td>
                                        <td>
                                            <button type="button" class="btn btn-info">查看</button>
                                            <button type="button" class="btn btn-info">编辑</button>
                                            <button type="button" class="btn btn-danger">删除</button>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><img src="/static/assets_3.1.0/img/凉拌土豆丝-40.png"/></td>
                                        <td>凉拌土豆丝</td>
                                        <td>蔬菜类</td>
                                        <td>10.7￥</td>
                                        <td>
                                            <button type="button" class="btn btn-info">查看</button>
                                            <button type="button" class="btn btn-info">编辑</button>
                                            <button type="button" class="btn btn-danger">删除</button>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><img src="/static/assets_3.1.0/img/西瓜-40.png"/></td>
                                        <td>西瓜</td>
                                        <td>水果类</td>
                                        <td>5￥/盘</td>
                                        <td>
                                            <button type="button" class="btn btn-info">查看</button>
                                            <button type="button" class="btn btn-info">编辑</button>
                                            <button type="button" class="btn btn-danger">删除</button>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><img src="/static/assets_3.1.0/img/火龙果-40.png"/></td>
                                        <td>火龙果</td>
                                        <td>水果类</td>
                                        <td>5￥/盘</td>
                                        <td>
                                            <button type="button" class="btn btn-info">查看</button>
                                            <button type="button" class="btn btn-info">编辑</button>
                                            <button type="button" class="btn btn-danger">删除</button>
                                        </td>
                                    </tr>
                                    </tbody>
                                    <tfoot>
                                    <tr>
                                        <th>图片</th>
                                        <th>名称</th>
                                        <th>菜品类型</th>
                                        <th>价格</th>
                                        <th>操作</th>
                                    </tr>
                                    </tfoot>
                                </table>
                            </div>
                            <!-- /.card-body -->
                        </div>
                        <!-- /.card -->
                    </div>
                    <!-- /.col -->
                </div>
                <!-- /.row -->
            </div>
            <!-- /.container-fluid -->
        </section>
        <!-- /.content -->
    </div>
    <jsp:include page="../includes/copyright.jsp"/>

    <!-- Control Sidebar -->
    <aside class="control-sidebar control-sidebar-dark">
        <!-- Control sidebar content goes here -->
    </aside>
    <!-- /.control-sidebar -->
</div>
<!-- ./wrapper -->
<jsp:include page="../includes/footer.jsp"/>
<!-- Page specific script -->
<script>
    $(function () {
        $("#example1").DataTable({
            "responsive": true, "lengthChange": false, "autoWidth": false,
            "buttons": ["copy", "csv", "excel", "pdf", "print", "colvis"]
        }).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(0)');
        $('#example2').DataTable({
            "paging": true,
            "lengthChange": false,
            "searching": false,
            "ordering": true,
            "info": true,
            "autoWidth": false,
            "responsive": true,
        });
    });
</script>
</body>
</html>
